<template>
  <div class="child">
    <h2>我是Child组件</h2>
    <h3>当前求和为:{{ sum }}</h3>
    <!-- v-beauty这个指令是在main.ts中自己设置的 -->
    <h2 v-beauty="sum">喜欢你</h2>
    <Hello />
  </div>
</template>

<script setup lang="ts" name="Child">
  import { ref } from "vue";

  let sum = ref(0);
</script>

<style scoped>
  .child {
    background-color: aquamarine;
    border-radius: 10px;
    box-shadow: 0 0 10px;
    padding: 10px;
  }
</style>
